<template>
    <div class ='shoplistContainer'>
     <router-link class="item" to="shoplist/shopinfo">
         <img src="../../img/vae.jpg" alt="">
           <div class="title">
             <h5>许嵩寻宝游戏专辑特卖</h5>
         </div>
            <div class="body">
         <p class="pic">
             <span class = 'now'>￥9999.00</span>
             <span class = 'old'>￥10000.00</span>
         </p>
         <p>
             <span class ='time'>发布时间:2016/06/06</span>
             <span class ='click'>点击:90次</span>
         </p>
     </div>
     </router-link>
      <div class="item">
         <img src="../../img/vae.jpg" alt="">
           <div class="title">
             <h5>许嵩寻宝游戏专辑特卖</h5>
         </div>
            <div class="body">
         <p class="pic">
             <span class = 'now'>￥9999.00</span>
             <span class = 'old'>￥10000.00</span>
         </p>
         <p>
             <span class ='time'>发布时间:2016/06/06</span>
             <span class ='click'>点击:90次</span>
         </p>
     </div>
     </div>

      <div class="item">
         <img src="../../img/vae.jpg" alt="">
         <div class="title">
             <h5>许嵩寻宝游戏专辑特卖</h5>
         </div>
        <div class="body">
             <p class="pic">
             <span class = 'now'>￥9999.00</span>
             <span class = 'old'>￥10000.00</span>
         </p>
         <p class ='tic'>
             <span class ='time'>发布时间:2016/06/06</span>
             <span class ='click'>点击:90次</span>
         </p>
        </div>
     </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="less" scoped>
.shoplistContainer{
    padding:5px;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
   
    .item{font-size:16px;
        border:1px solid #999;
        width:49%;
        height:275px;
        position: relative;
       margin-bottom:10px;
       box-shadow: 0 0 8px #999;
        img{
            width:100%;
            height:180px;
            padding:5px;
        }
       .body {
         position:absolute;
         bottom:0;
         background-color:#fff;
         min-height:60px;
             p{
                margin:0;
                padding:0;
            }
            .pic{
                .now{
                    color:red;
                    font-weight: bold;
                    font-size: 16px;
                }
                .old{
                    color:#999;
                    text-decoration: line-through;
                }
            }
            .tic{
                .time{}
                .click{}
            }
       }
    }
}
</style>
